.main{
    overflow-y: scroll;
    // background-color: skyblue;

    .swiper {       
        height: 200px;
        img{
            width: 100%;
            height: 100%;
        }
    }  
    
}
// 轮播后面的区域
.content{
   padding: 0 15px;
//    排名和打卡
   .ranking-clock{
       height: 150px;
    //    border: 1px solid red;
       .ranking{
           position: relative;
           flex: 2;
           height: 100%;
           background-color: #1592cc;
           border-radius: 15px;
           .rank-num{
               position: absolute;
               right: 15px;
               bottom: 20px;
               color: #fff;
               font-size: 40px;
           }
       }
       .clock{
           position: relative;
           flex: 3;
           height: 100%;
            background-color: #7bcbf5;
            border-radius: 15px;
            .clock-btn{
                position: absolute;
                bottom: 20px;
                right: 20px;
                width: 100px;
                height: 40px;
                line-height: 34px;
                border-radius: 20px;
                background-color: rgba(255, 255, 255, 0.5);
                // color: rgba(0, 78, 115, 0.5);
                color: #004e73;

                font-size: 16px;
                text-align: center;              
                border: 3px solid rgba(0, 81, 119, 0.5);
            }
       }
   }
   //    运动数据和徽章
        .sport-data-badge{
            height: 110px;
            // border: 1px solid red;
            .sport-data{
                flex: 1;
                height: 100%;
                background-color: yellow;
                border-radius: 15px;
                background-image: url(../img/index-card-data.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                color: #fff;
                font-size: 14px;
            }
            .badge{
                position: relative;
                flex: 1;
                height: 100%;
                background-color: #9dbde3;
                border-radius: 15px;
                .num-box{
                    position: absolute;
                    right: 15px;
                    bottom: 20px;
                    color: #004e73;
                    .badge-num{
                        font-size: 40px;
                    }
                }

            }
        }
        // 课程训练
        .course-training{
            height: 110px;
            background-image: url(../img/course-img04.jpg);
            background-repeat: no-repeat;
            background-size: 100%;

        }
         // 课程训练
         .outdoor-running{
            height: 110px;
            background-image: url(../img/course-img02.png);
            background-repeat: no-repeat;
            background-size: 100%;

        }
        .title{
            color: #004e73;
            font-size: 20px;
        }
}

.footer{
    height: 68px;    
    // background-color: #ff1493;
}